<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            padding: 0;
            margin: 0;
            font-family: '华文行楷';
        }
        html,body{
            width: 100%;
            height: 100%;
        }
        .zhengti{
            width: 100%;
            height: 100%;
            background-image:url(QQ图片20201117155644.png) ;
            background-size:100% ;
            background-repeat: no-repeat;
        }
        .head{
            font-family: '华文行楷';
            color: rgb(151, 146, 80);
            font-size: 50px;
            font-weight: bold;
            font-style: italic;
            text-align: center;
            text-shadow: cornsilk 2px 2px;
            margin-right: 250px;
        }
        .left{
            width: 200px;
            height: 505px;
            box-sizing: border-box;
            border: 1px solid black;
            float:left;
        }
        .right{
            width: 200px;
            height: 505px;
            box-sizing: border-box;
            border: 1px solid black;
            float:right;
        }
        .zuoxia{
            width: 50%;
            height: 229px;
            box-sizing: border-box;
            border: 1px solid black;
            clear: both;
            float:left;
            display: flex ;
            justify-content: center;
            margin-top: -5px;
            
        }
        .youxia{
            width: 50%;
            height: 229px;
            box-sizing: border-box;
            border: 1px solid black;
            float:right;
            display: flex ;
            justify-content: center;
            margin-top: -5px;
        }
        .shuidao{
            height: 229px;
            width: 100%;
            background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605606946942&di=65a84228caf6b79e4c45c504ec616024&imgtype=0&src=http%3A%2F%2Fimg.redocn.com%2Fsheying%2F20150617%2Fzajiaoshuidaotexietupian_4519816_small.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
            box-sizing: border-box;
            border: 1px solid black;
            border-radius: 25px;
        }
        .hangmu{
            height: 285px;
            width: 100%;
            background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605608852636&di=fab6b4b0ffd58b7ab5ed3ea0bc1a3c08&imgtype=0&src=http%3A%2F%2Ffiles.js7tv.cn%2Fwww%2Fimages%2F2017-12%2F04%2F1512351839866103_big_raw.png);
            background-size: 100%;
            background-repeat: no-repeat;
            box-sizing: border-box;
            border: 1px solid black;
            border-radius: 25px;
        }
        .haha{
            height: 229px;
            width:50%;
            border-radius: 25px;
            background-image: url(https://iknow-pic.cdn.bcebos.com/a686c9177f3e670974a8838836c79f3df8dc5519?x-bce-process=image/resize,m_lfit,w_600,h_800,limit_1);
        }
        .hehe{
            height: 229px;
            width:50%;
            border-radius: 25px;
            background-image: url(https://iknow-pic.cdn.bcebos.com/faf2b2119313b07eafc1917f01d7912397dd8c4d?x-bce-process=image/resize,m_lfit,w_600,h_800,limit_1);
        }
        .shipin{
            float: left;
            margin-left: 215px;
            height: auto;
            width: auto;
            border: 2px unset black;
        }
        .toubu{
            width: 100%;
            background-image: url(https://zuguo70.muc.edu.cn/images/nav_bg.jpg);
        }
        img{
            height: 55px;
            width: 60px;
            float: left;
            margin-left: -3px;
        }
        ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    vertical-align: bottom;
}
          li {
    float: left;
    border-right:1px solid #bbb;
}
         li:last-child {
    border-right: none;
}
     li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
      li a:hover:not(.active) {
    background-color: #111;
}
           .active {
    background-color: #4CAF50;
            }
            ul{
                margin-top: -120px;
            }
            .shipin1 img{
                height: 480px;
                width: 860px;
            }
            .shipin1{
                margin-right: 20px;
                width: 700px;
                height: 300px;
            }
        
    </style>
</head> 
<body>
    <div class="toubu">
        <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1605677095235&di=734dcac1ccbfcbf79b3c5a01bd5e9531&imgtype=0&src=http%3A%2F%2Ffile2.rrxh5.cc%2F2016%2F05%2F26%2F1464229457728.png" alt="">
        <h1 class="head">大国四十年</h1>
    </div>
    <div class="zhengti">

    <div>
        <p style="font-size: 20px;color: rgb(219, 201, 201); font-family:'华文行楷'; text-align: center;">在四十年的砥砺奋进中，中国人民生活水平实现了从贫穷到温饱，再到整体小康的跨越式发展。当今社会的主要矛盾已不是人民日益增长的物质文化需要与落后的社会生产之间的矛盾，而是人民日益增长的美好生活需要和不平衡不充分的发展之间的矛盾。这一重大变化，显示了中国社会生产力的发展，并且实现了由做大到做好，再到分配好的重大转变。我国经济实现了持续快速增长，综合国力不断增强，更加融入经济全球化的进程，不断打造出具有本国核心竞争力的高科技产品。</p>
    </div>
    <div class="vedio">

    </div>
    <div class="left">
        <p style="font-size: 30px; font-family: '华文行楷'; color: rgb(94, 159, 179); text-shadow: seashell 2px 2px; text-align: center;">农业发展</p>
        <p style="font-family:'华文行楷'; color: yellow; font-size: 20px;text-align: center;">
            杂家水稻
        </p>
        <div class="shuidao">
               
        </div>
        <div>
            <p style="font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(81, 202, 70); font-size: 15px; text-align: center;">
                2019年10月21日至22日，第三代杂交水稻在湖南省衡阳市衡南县清竹村进行首次公开测试，亩产1046.3公斤。<br>
            2020年11月2日，在湖南省衡阳市衡南县清竹村进行的袁隆平领衔的杂交水稻双季测产达到了亩产1530.76公斤。<br>
            </p>
        </div>
        
    </div>
    <div class="shipin">
        <div style="text-align: center;">
            <button onclick="enableControls()" type="button" style="border-radius: 20px; border: 1px green;">
                <p style="color: blue; font-size: 15px; font-family: '华文行楷';">启动视频 </p> </button>
             <button onclick="disableControls()" type="button">
               <p style="color: blue; font-size: 15px; font-family: '华文行楷';"> 禁用视频</p> </button>
             <button onclick="checkControls()" type="button">
               <p style="color: blue; font-size: 15px; font-family: '华文行楷';"> 检查视频状态</p> </button>
        </div>
        <div class="shipin1"> 
            <a href="https://v.qq.com/x/page/b0813c9z4d1.html"> <img src="视频.png" alt="点我看视频"></a> 
        </div>
        <script>
            myVid=document.getElementById("video1");
            function enableControls()
            { 
              myVid.controls=true;
              myVid.load();
            } 
            function disableControls()
            { 
              myVid.controls=false;
              myVid.load();
            } 
            function checkControls()
            { 
              alert(myVid.controls);
            } 
            </script> 
    </div>
    <div class="right">
        <p style="font-size: 30px; font-family: '华文行楷'; color: rgb(94, 159, 179); text-shadow: seashell 2px 2px; text-align: center;">国防发展</p>
        <p style="font-family:'华文行楷'; color: yellow; font-size: 20px;text-align: center;"> 
            中国航母</p> 
        <div class="hangmu">

        </div>
        <div>
            <p style="font-family: Georgia, 'Times New Roman', Times, serif; color: rgb(166, 199, 146); font-size: 20px;">
                2012年9月25日，辽宁舰正式入列。时任中共中央总书记、为“中国人民解放军海军山东舰”，舷号为“17”。<br>
            </p>
        </div>

    </div>
     <div class="zuoxia">  <!--左下 -->
        <div>
            <p style="font-size: 30px; font-family: '华文行楷'; color: rgb(94, 159, 179); text-shadow: seashell 2px 2px;">
                重<br>
                视<br>
                教<br>
                育<br>
                发<br>
                展<br>
            </p>
        </div>
        <div class="hehe">
           
            </div>
        <p style="font-size: 20px; font-style: italic; color: pink; ">
            1、外商投资规模和领域不断扩大。2017年，<br>
            我国实际使用外商直接投资1310亿美元，<br>
             比1984年增长91.3倍，年均增长14.7%。 <br>
             1979年至2017年，我国累计吸引外商直<br>
             接投资达18966亿美元，<br>
             是吸引外商直接投资最多的发展中国家。<br>
            2、对外投资合作快速发展。<br>
            2017年，我国对外直接投资额（不含银行、<br>
            证券、保险）1201亿美元，<br>
            比2003年增长41.1倍，年均增长30.6%。<br>
        </p>
        
    </div>
    <div class="youxia">  <!--右下 -->
        <div>
            <p style="font-size: 30px; font-family: '华文行楷'; color: rgb(94, 159, 179); text-shadow: seashell 2px 2px;">
                加<br>
                强<br>
                对<br>
                外<br>
                开<br>
                放<br>
            </p>
        </div>
        <div class="haha">
           
            </div>
        <p style="font-size: 20px; font-style: italic; font-weight: bold; color: pink;">
            1、学前教育跨越式发展<br>
            超过中高收入国家平均水平<br>
            2、义务教育取得历史性进展 <br>
             达到世界高收入国家水平<br>
            3、高中阶段教育1基本普及<br>
            多样化发展稳步推进<br>
            4、高等教育快速发展<br>
            向普及化阶段迈进<br>
            5、职业教育、继续教育体系更见完善<br>
            有力支持产业发展和终生学习<br>
        </p>
    </div>
</div>
<ul>
    <li><a class="active" href="#home">主页</a></li>
    <li><a href="#news">官网</a></li>
    <li><a href="#contact">联系</a></li>
    <li style="float:right"><a href="#about">关于</a></li>
</ul>
</body>
</html>